<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>求职者登录</title>
    <link rel="stylesheet" href="../css/style.css" type="text/css"/>
    <link rel="stylesheet" href="../css/eui.css">
</head>
<body>
<div class="topbg">
<p class="top gWidth">
    <a href="#">手机站</a> 丨 <a href="#">微信</a>
    <a href="empReg.html" class="dl">求职注册入口</a>
</p>
</div>
<div >
    <div class="logo gWidth">
        <img src="../img/logo.png">
        <ul class="fl">
            <li><a href="../index.html">首页</a></li>
            <li><a href="../zpxx.html">招聘信息</a></li>
            <li><a href="jlzx.html">简历中心</a></li>
            <li><a href="zpzs.html">作品展示</a></li>
        </ul>
    </div>

    <div id="container">
        <div class="sections">
            <div class="section" id="section0"></div>
            <div class="section" id="section1"></div>
            <div class="section" id="section2"></div>
        </div>
    </div>
    <div id="app" style="width: 600px;margin: 0px auto;">
        <h1 style="text-align: center">填写个人信息</h1>
        <h1 class="el-icon-user" >个人资料</h1>
            <el-form  ref="empInfo" :model="{empInfo}" label-width="80px" style="margin-top: 20px" >
            <el-form-item label="姓名">
                <el-input  v-model="empInfo.name"></el-input>
            </el-form-item>
            <el-form-item label="毕业院校">
                <el-input  v-model="empInfo.college"></el-input>
            </el-form-item>
            <el-form-item label="学历">
                <el-select v-model="empInfo.education" placeholder="请选择学历">
                    <el-option label="中专" value="中专"></el-option>
                    <el-option label="大专" value="大专"></el-option>
                    <el-option label="本科" value="本科"></el-option>
                    <el-option label="硕士" value="硕士"></el-option>
                    <el-option label="博士" value="博士"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item  label="专业">
                <el-input v-model="empInfo.major"></el-input>
            </el-form-item>
            <el-form-item label="出生日期">
                <el-col :span="11">
                    <el-date-picker type="date" placeholder="选择日期" v-model="empInfo.birthday" style="width: 100%;"></el-date-picker>
                </el-col>
            </el-form-item>
            <el-form-item  label="工作经历">
                <el-input type="textarea" v-model="empInfo.work"></el-input>
            </el-form-item>
                <h1 class="el-icon-suitcase-1" style="text-align: center">求职意向</h1>
            <el-form-item label="期望行业" style="margin-top: 20px">
                <el-select v-model="intension.desiredIndustry" placeholder="请选择行业">
                    <el-option label="IT.互联网" value="IT.互联网"></el-option>
                    <el-option label="房地产" value="房地产"></el-option>
                    <el-option label="金融" value="金融"></el-option>
                    <el-option label="消费品" value="消费品"></el-option>
                    <el-option label="汽车.制造" value="汽车.制造"></el-option>
                    <el-option label="医疗.化工" value="医疗.化工"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item  label="期望工作">
                <el-input v-model="intension.desiredJob"></el-input>
            </el-form-item>
            <el-form-item  label="期望地点">
                <el-input v-model="intension.desiredLocation"></el-input>
            </el-form-item>
            <el-form-item  label="期望年薪">
                <el-input v-model="intension.annualSalary"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="insert();insertIntension()">立即创建</el-button>
                <el-button>取消</el-button>
            </el-form-item>
        </el-form>
</div>
    <div class="yqlj gWidth">
        <div class="bt-yqlj"><h2>友情链接</h2></div>
        <div class="content-yqlj">
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>

        </div>
    </div>

    <div class="bottom1bg">
        <div class="bottom1 gWidth">
            <p class="fl">
                <i class="iconfont">&#xe639;</i><br>网站客服热线:<br><span>0312-1111111</span>
            </p>
            <div class="fr">
                <dl>
                    <dt class="iconfont"><span>&#xe651;</span>关于我们</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">网站简介</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>

                <dl>
                    <dt class="iconfont"><span>&#xe609;</span>找工作</dt>
                    <dd><a href="zpxx.html">搜索职位</a></dd>
                    <dd><a href="jlfb.html">创建简历</a></dd>
                    <dd><a href="zpxx.html">全部招聘</a></dd>
                </dl>

                <dl>
                    <dt class="iconfont"><span>&#xe601;</span>招人才</dt>
                    <dd><a href="qyb.html">发布职位</a></dd>
                    <dd><a href="qyb.html">招聘职位</a></dd>
                    <dd><a href="qyb.html">招聘管理</a></dd>
                </dl>

                <dl>
                    <dt class="iconfont"><span>&#x3459;</span>帮助</dt>
                    <dd><a href="#">网站声明</a></dd>
                    <dd><a href="#">使用条款</a></dd>
                    <dd><a href="#">安全中心</a></dd>
                </dl>

            </div>
        </div>
    </div>

    <p class="bottom2">ICP经营许可证编号 京ICP证060405号 京ICP备10012705号-12 京公网安备11010502027237号 Copyright © 北京五八信息技术有限公司 版权所有</p>


</div>
</body>
<!-- import Vue before Element -->
<script src="../js/vue.js"></script>
<!-- import JavaScript -->
<script src="../js/eui.js"></script>
<script src="../js/axios.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: {
            empInfo: {},
            intension:{},
        },
            methods: {
                insert() {
                    axios.post("/empInfo/insert", v.empInfo).then(function (response) {
                        alert("添加完成!");
                    })
                },
                insertIntension() {
                    axios.post("/intension/insert", v.intension).then(function (response) {

                    })
                },
            }
    })

</script>
</html>
                                 